import React, { Component } from 'react';
import {render} from 'react-dom';
import Browser from './Browser';
import BrowserView from './BrowserView';
import BrowserTab from './BrowserTab';
import Webview from './Webview';

class BrowserContainer extends Component {
    constructor(props){
        super(props);

    }
    render(){
        let browsersTabs = this.props.browserList.map((browser) => {
            return <BrowserTabOld key={browser.browserId} browserKey={browser.browserId}
                     title='' browserAddress={browser.webaddress} >
                     {this.props.children}
                     </BrowserTabOld>
        });
        let browserViews = this.props.browserList.map((browser) => {
            return <Webview key={browser.browserId} browserKey={browser.browserId}
                        browserAddress={browser.webaddress} title='' />
        });

        return (
            <div>
                <div>{browsersTabs}</div>
                <div>{browserViews}</div>
            </div>
        );
    }
}

export default BrowserContainer;